ライブローディング

Spread.Viewsは、ライブローディングをサポートします。この機能は、グリッド行のスクロール時に、表示される行をそのつど読み込みます。大量のデータを処理する場合や、メモリ消費を抑えたい場合に、特に便利な機能です。

ライブローディング機能を実装する手順は、次のとおりです。

サンプルコード

1. 列定義を追加して、グリッド構造を作成します。
2. DIVタグのグリッドIDを呼び出し、コードを初期化します。loadOnDemandプロパティをtrueに設定します。 ```

    var totalItemCount;
       var currentData;
       $(document).ready(function() {
           var dataSource = {
               loadRange: function(params) {
                   $.ajax({
                       url: getUrl(index, count),
                       crossDomain: true,
                       success: function(result) {
                           params.start = index;
                           params.size = count;
                           currentData = result.m_Item2;
                           totalItemCount = result.m_Item1;
                           params.success(currentData);
                           if (index >= totalItemCount) {
                               dataView.options.loadOnDemand = false;
                           }
                           index += count;
                       },
                       error: function(xhr, status) {
                           params.failed();
                           if (status !== 'abort') {
                               alert('Failed to load data from remote web site.');
                           }
                       }
                   });
               }
           };
           dataView = new GC.Spread.Views.DataView(document.getElementById('grid1'), dataSource, columns, new GC.Spread.Views.Plugins.GridLayout({
               colWidth: 80,
               rowHeight: 36,
               loadOnDemand: true,
               selectionMode: 'none'
           }));
       });

```